* {
	box-sizing: border-box;
	// font-size: 14px;
}

/**
 * @description: 测试样式
 */
.bd {
	border: 1px solid red;
}

/**
 * @description: 滚动条
 */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: teal;
}

::-webkit-scrollbar-track {
	// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	// -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background: #ffffff;
}

/**
 * @description: 浮动
 */
.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix {
	*zoom: 1;

	/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
	&:after {
		/*伪元素是行内元素 正常浏览器清除浮动方法*/
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
}

/**
 * @description: 公共 外边距
 */
.ml20 {
	margin-left: 20px;
}

.mtb20 {
	margin: 20px 0;
}

/**
 * @description: 公共 内边距
 */
.plr20 {
	padding: 0 20px;
}

.ptb20 {
	padding: 20px 0;
}

/**
 * @description: element 滚动条
 */
.el-scrollbar__thumb {
	background: teal !important;
}

.el-scrollbar {
	height: 100%;
}

.el-scrollbar__wrap {
	overflow: scroll;
	// width: 110%;
	height: 110% !important; //scroll_message下方滚动条需要挤出原生
	overflow-x: hidden;
}

.el-scrollbar__bar {
	right: 0 !important;
}

/**
 * @description: 超出阴影 + 省略显示
 */
.over-text {
	width: 400px;
	position: relative;
	line-height: 20px;
	max-height: 20px;
	overflow: hidden;
}

.over-text::after {
	content: "...";
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 40px;
	background: -webkit-linear-gradient(left, transparent, #fff 55%);
	background: -o-linear-gradient(right, transparent, #fff 55%);
	background: -moz-linear-gradient(right, transparent, #fff 55%);
	background: linear-gradient(to right, transparent, #fff 55%);
}

/**
 * @description: 超出单行省略
 */
.over-line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/**
 * @description: 超出多行省略
 */
.over-lines-3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; //行数 overflow: hidden;
}

/* 去除type="number"输入框聚焦时的上下箭头 clear-number-input */
.clear-number-input.el-input::-webkit-outer-spin-button,
.clear-number-input.el-input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none !important;
}

.clear-number-input.el-input input[type="number"]::-webkit-outer-spin-button,
.clear-number-input.el-input input[type="number"]::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none !important;
}

.clear-number-input.el-input {
	-moz-appearance: textfield;
}

.clear-number-input.el-input input[type="number"] {
	-moz-appearance: textfield;
}
